body {
  background: #000000 url(bg.jpg) repeat-x fixed center top;
  text-align: center;
  font-size: 12px;
  font-family: "segoe ui",arial,helvetica;
}
#wrapper {
  margin: 0 auto;
  text-align: left;
  width: 80%;
}
#header {
  width: 100%;
  height: 100px;
}
#header a.logo {
  background-image: url(header.jpg);
  background-position: right;
  width: 100%;
  height: 100%;
  font-size: 0px;
  background-repeat: no-repeat;
  display: block;
}
#content {
  clear: left;
  float: left;
  display: block;
  width: 100%;
}


#content #menu {
  float: left;
  width: 100%;
  display: block;
  clear:both;
  background-color: rgba(32, 32, 32, 0.75);
  color: #999999; 
}

#content #menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content #menu li{
	float: left;
	margin: 0;
	padding: 2px 0;
}

#content #menu li a{
	color: #cccccc;
	text-decoration: none;
	padding: 2px 10px;
	margin: 0;
	border-style: none dotted none none;
    border-width: 0 2px 0 0;
    border-color: rgba(128, 128, 128, 0.50);
	-webkit-transition: 0.5s;
    transition: 0.5s;
}

#content #menu li a:hover{
	background: rgba(255, 128, 0, 0.75);
	color: #101010;
	box-shadow:0 0 5px #FFCC00;  
    text-shadow:0 0 5px #FFDD00;
}

#content #menu li a:hover.fb{
	background: rgba(0, 25, 192, 0.75);
	color: #CCDDFF;
	box-shadow:0 0 5px #0020FF;  
    text-shadow:0 0 5px #50AAFF;
}

#content #menu li a:hover.tw{
	background: rgba(29, 161, 242, 0.75);
	color: #cceeff;
	box-shadow:0 0 5px #00a6ff;  
    text-shadow:0 0 5px #50cdff;
}

#content #menu li a:hover.yt{
	background: rgba(255, 0, 0, 0.75);
	color: #FFDDCC;
	box-shadow:0 0 5px #FF0000;  
    text-shadow:0 0 5px #FFAADD;
}

#content #main {
  background: #ffffff none repeat scroll 0% 50%;
  color: #000000;
  float: left;
  clear: both;
  width: 100%;
}
#content #main #mainfe {
  padding: 15px;
  background: transparent none repeat scroll 0% 50%;
}

#content #main a {
  color: #ff6a00;
  text-decoration: none;
} 

#content #main a:hover {
  color: #ff9900;
  text-shadow: 0px 0px 5px #ffaa00;
} 

#content #main #mainfe table {
  border-collapse: collapse;
  border-spacing: 0px;
  font-size: 12px;
  width: 100%;
  padding-top: 2px;
}
#content #main #mainfe table ul{
	margin-top:5px;
	margin-bottom:5px;
}
#content #main #mainfe th {
  border: 1px solid #cc6600;
  padding: 2px;
  background: #ff7901 none repeat scroll 0% 50%;
}
#content #main #mainfe td {
  border: 1px solid #999999;
  padding: 2px;
}
#content #main #mainfe a.hr span {
  display: none;
}
#content #main #mainfe a.hr {
  background: transparent url(hr.png) no-repeat center;
  display: block;
  height: 2px;
  width: 100%;
  margin-top: 15px;
 -webkit-filter: drop-shadow(0px 2px 3px #ff6a00);
  filter: drop-shadow(0px 2px 3px #ff6a00);
}
#footer {
  background: #3333335f none repeat scroll 0% 50%;
  margin-top: 2px;
  width: 100%;
  float: left;
  color: #5c5c5c;
  font-size: 10px;
}
#footer #footerfe {
  padding: 5px;
}
